<!-- 常见的Loader -->
1. babel-loader：用于将ES6+的JavaScript代码转换为ES5的代码，以便在旧版浏览器中运行。

2. css-loader：用于解析CSS文件，并处理其中的依赖关系，例如@import和url()。

3. style-loader：将解析后的CSS代码以<style>标签的形式插入到HTML文件中。

4. file-loader：用于处理文件，例如图片、字体等，将它们复制到输出目录，并返回文件路径。

5. url-loader：类似于file-loader，但可以将小文件转换为DataURL，减少HTTP请求。

/* 常见的Plugin */
1. HtmlWebpackPlugin：用于生成HTML文件，并自动将打包后的资源文件引入到HTML中。

2. MiniCssExtractPlugin：将CSS代码从打包后的JavaScript文件中提取出来，生成单独的CSS文件。

3. CleanWebpackPlugin：用于在每次构建前清理输出目录。

4. DefinePlugin：用于定义全局常量，可以在代码中直接使用。

5. CopyWebpackPlugin：将指定的文件或目录复制到输出目录。